<template>
  <view class="container">
    <view class="content-box">
      <scroll-view scroll-y class="scroll-content">
        <text class="content">{{ noticeContent }}</text>
      </scroll-view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue';
import { onLoad } from '@dcloudio/uni-app';

const noticeContent = ref('');

onLoad((options) => {
  noticeContent.value = decodeURIComponent(options.content || '');
});
</script>

<style scoped lang="scss">
.container {
  padding: 32rpx;
  background-color: #fff;
  min-height: 100vh;
}

.content-box {
  padding: 24rpx;
  background-color: #f5f5f5;
  border-radius: 16rpx;
  height: calc(100vh - 128rpx);
}

.scroll-content {
  height: 100%;
}

.content {
  font-size: 28rpx;
  line-height: 1.6;
  color: #333;
  white-space: pre-wrap;
  word-wrap: break-word;
}
</style> 